/* HTML5 old school */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Fonts */

@font-face {
	font-family: 'Conv_ChaletComprime-CologneEight';
	src: url('../font/ChaletComprime-CologneEight.eot');
	src: local('☺'), url('../font/ChaletComprime-CologneEight.ttf') format('truetype'), url('../font/ChaletComprime-CologneEight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Colaborate-RegularRegular';
    src: url('../font/colabreg-webfont.eot');
    src: local('☺'), url('../font/colabreg-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/colabreg-webfont.ttf') format('truetype'),
         url('../font/colabreg-webfont.woff') format('woff'),
         url('../font/colabreg-webfont.svg#Colaborate-RegularRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { height: 100%; background:#FFF; }

body {
    height: 100%;
	font-size:12px;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-repeat: no-repeat;
	background-color:#ffffff;
	background-image: -webkit-radial-gradient(50% 50%, ellipse closest-side, #ffffff, #dfedf0 100%);
	background-image: -o-radial-gradient(50% 50%, ellipse closest-side, #ffffff, #dfedf0 100%);
	background-image: -ms-radial-gradient(50% 50%, ellipse closest-side, #ffffff, #dfedf0 100%);
	background-image: radial-gradient(50% 50%, ellipse closest-side, #ffffff, #dfedf0 100%);
}

body div#webgl canvas{ position:absolute; z-index:1; top:0px; }

h1 { width:136px; float:left; height:44px; background: url("../img/logo.png") no-repeat; position:relative; margin:10px 15px;}
h1 span { position:absolute; z-index:1; display:block; height:0px; width:136px; background: url("../img/logoOver.png") no-repeat; }
h1 a { position:absolute; display:block; z-index:0; height:44px; width:136px; text-indent:-9999em;  }
h2 { font-family:'Conv_ChaletComprime-CologneEight',Sans-Serif; font-size:25px; color:#ed008c;font-weight: normal; font-style: normal; }
h3 { font-family:'Conv_ChaletComprime-CologneEight',Sans-Serif; font-weight: normal; font-style: normal; font-size:25px; color:#ed008c;  }

header { height:44px; width:100%; background:#FFF; overflow:hidden; }
header div{ float:right; }
header a { color:#999; }
header a:hover { color:#00acee; }
header div.author { padding-top:15px; font-family: 'Colaborate-RegularRegular', Verdana; font-size: 11px; color:#999;  }
header div.social{ font-size: 1px; display: inline-block; padding-top:11px; padding-left:10px; }
header div.twitter { width:105px; overflow:hidden; padding-left:10px; }
header div#sound  { width:56px; height:44px; margin-left:20px; margin-right:12px; border-left:1px solid #f8f8f8; border-right:1px solid #f8f8f8; text-indent:-9999em; }
header div#sound a{ display:block; width:56px; height:44px; background:url('../img/sound.png') no-repeat center center;}
header div#sound a:hover{ background:url('../img/soundOver.png') no-repeat center center;}

div .fb_reset { display: inline; }

footer { border-top:1px solid #FFF; height:0px; width:100%; background:#FAFAFA; overflow:hidden; position:absolute; bottom:0; }
footer div.tweet{ position:absolute; width:210px; height:80px; padding:10px; color:#444; }
footer div.tweet2{ background:#AEE5E8;  }

section { width:100%; position:relative; overflow:hidden; }

section div#light { z-index:1000; display:none; position:absolute; padding:10px; background:#FAFAFA; opacity:.8; }
section div#light li.red label { background:#c8ffad; }
section div#light li { padding:2px; }
section div#light label { display:inline-block; width:130px; }
section div#light input[type=text] { display:inline-block; width:60px; }

section div#controller{ display:none; position:absolute; padding:10px; background:0xFAFAFA; opacity:.8; }
section div#controller label{ display:inline-block; width:130px; }
section div#controller input[type=text]{ display:inline-block; width:60px; }

section div#cloud { display:none; overflow:hidden; }
section div#cloud div.cloud { position:absolute; z-index:0; left:50%; top:50%; text-align:center; vertical-align:center; }
section div#cloud div img { display:block; margin:auto; }
section div#cloud div#cloud1 { margin-left:-380px; margin-top:-180px; width:132px; height:72px; }
section div#cloud div#cloud2 { margin-left:200px; margin-top:-240px; }
section div#cloud div#cloud3 { margin-left:50px; margin-top:45px; }
section div#cloud div#cloud4 { margin-left:500px; margin-top:-60px; }
section div#cloud div#cloud5 { margin-left:-190px; margin-top:-350px; }

section div#account { display:none; overflow:hidden;  }

section div#account div#participate { z-index:3; background: url("../img/shadowIntro.png") no-repeat bottom center; position:absolute; left:50%; bottom:14%; width:230px; height:135px; margin-left:-95px;}
section div#account input[type=submit]{ width:37px; background-color:#E40084; color:#FFF;}
section div#account input[type=text]{width:133px;}
section div#account h3{padding:0px 0px 20px 50px; background: url("../img/arrow.png") no-repeat 0 10px; height:25px;}
section div#account div.contain { margin-top:-10px; margin-left:20px; width:185px; height:30px; background: #FFF; padding:2px 5px; border: 0px solid #FFF; border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
}
section div#account input { color:#999; font-size: 11px;  padding: 5px;
	border:1px solid #CCC;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
}
section div#account div div{ vertical-align:top; margin-top:3px; display:inline-block; width:35px; height:24px; background: url("../img/go.png") no-repeat; }
section div#account div div span{ position:absolute; display:block; width:35px; height:0px; background: url("../img/goOver.png") no-repeat; }
section div#account div div a { position:absolute; text-indent:-9999px; display:block; width:35px; height:24px; }

section div#loader { display:none; position:absolute; left:50%; top:50%; width:100px; height:82px;margin-top:-41px; margin-left:-50px; }
section div#loader div { position:relative; width:100px; height:82px;background: url("../img/loader_empty.png") no-repeat bottom; }
section div#loader div div{ position:absolute; bottom:0; width:100px; height:0px;  background: url("../img/loader_full.png") no-repeat bottom; }

section div#back { display:none; position:absolute; z-index:200; width:47px; height:17px; padding:20px 15px; }
section div#back a { display:block; width:47px; height:17px; color:#333; background: url("../img/back.png") no-repeat; text-indent:-9999em; }
section div#back a:hover{ background: url("../img/backOver.png") no-repeat; }

section div#selection { display:none; background: url("../img/bigShadow.png") no-repeat bottom; z-index:2; position:absolute; left:50%; bottom:12%; width:680px; height:141px; margin-top:-67px; margin-left:-340px; }
section div#selection h3{ padding-left:250px; color:#8f39a2;}
section div#selection div.relative { display:relative; }
section div#selection div.contain { overflow:auto; margin:auto; width:180px; }
section div#selection img#arrow { position:absolute; top:15px; left:210px; }
section div#selection a { display:block; float:left; width:50px; font-size:11px; height:49px; margin:5px; color:#333; vertical-align:bottom; text-align:center; line-height:30px;}
section div#selection a img { width:45px; height:44px; }
section div#selection div.info { opacity:0; position:absolute; width:216px; height:49px; padding:12px 0 7px 0; background: url("../img/descriptionbox.png") no-repeat; overflow:auto;  }
section div#selection div.info h4 { color:#FFF; float:left; line-height:23px; text-align:center;  padding-top:4px; width:76px; height:23px; border-right: 1px dashed #c8b0fe; font-family:'Conv_ChaletComprime-CologneEight',Sans-Serif; font-size:18px; font-weight: normal; }
section div#selection div.info p { color:#d9c8ff; float:left;  width:132px; height:26px; padding-top:4px; padding-left:7px; font-family: 'Colaborate-RegularRegular', Verdana; font-size: 11px; }
section div#selection div#raceInfo { left:170px; top:110px; }
section div#selection div#boxeInfo { left:230px; top:110px;}
section div#selection div#jumpInfo { left:297px; top:110px;}

section div#race { display:none; position:absolute; z-index:100; width:100%; min-height:100%; }
section div#race .relative { position:relative; width:100%; min-height:100%; }
section div#race .infos { position:absolute; left:0px; top:100px; width:100px; }
section div#race .infos div { position:relative; padding:10px; width:100px; padding-top:35px; height:65px; border-top:1px dashed #38acf1; border-bottom:1px dashed #38acf1; color:#38acf1; text-align:center; font-family:'Conv_ChaletComprime-CologneEight',Sans-Serif; font-size:48px; font-weight: normal; }
section div#race .infos div img {position:absolute; top:6px; left:6px; width:24px;  height:24px; }
section div#race .infos div img#avatarInfo {position:absolute; top:6px; left:0;}
section div#race #go {position:absolute; left:50%; top:50%; width:400px; height:400px; overflow:hidden; margin-top:-200px; margin-left:-200px; text-align:center; }
section div#race #go div { display:none; margin:auto; }
section div#race .preview { position:absolute; bottom:10px; width:480px;  height:24px; }
section div#race .preview .relative { position:relative; width:480px;  height:24px; }
section div#race .preview img { position:absolute; width:24px;  height:24px; top:0; left:0; }

#wrap { padding: 0;	margin: 0;	height: 0; min-width:980px; min-height:590px; overflow:visible; }
#wrapMin { display:none; position:absolute; top:50%; left:50%; padding: 0; margin-left: -200px;	height: 60px; width:400px; overflow:visible; text-align:center; color:0xFF0000; font-family:'Conv_ChaletComprime-CologneEight',Sans-Serif; font-size:25px; color:#ed008c;font-weight: normal; }